<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>投诉</title>
    <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
</head>
<body>
<div class="container" id="container"></div>


<div id="app" style="overflow: hidden;" v-cloak>

    <div class="container complaint">
        <form role="form">
            <div class="complaint-reason">
                <div class="weui_cells_title">请选择投诉原因</div>


                <div class="weui_cells weui_cells_radio">
                    <label class="weui_cell weui_check_label" v-for="(item ,index) in Reason" :for="'reason' + index" v-on:click="GetIndex(index)">
                        <div class="weui_cell_bd weui_cell_primary">{{item}}</div>
                        <div class="weui_cell_ft">
                            <input class="weui_check" type="radio" name='reason' :id="'reason' + index" value="1">
                            <i class="weui_icon_checked"></i>
                        </div>
                    </label>
                </div>
                <div class="weui_btn_area">
                    <button class="weui_btn weui_btn_primary next" type="button">下一步</button>
                </div>
            </div>
            <div class="complaint-description" style="display: none;">
                <div class="weui_cells_title">投诉描述</div>
                <div class="weui_cells weui_cells_form">
                    <div class="weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">
						<textarea class="weui_textarea" maxlength="200" required="" rows="3" v-model="ReasonDesc"></textarea>
                            <div class="weui_textarea_counter">
                                <span>{{FullWord}}</span>/200
                            </div>
                        </div>
                    </div>
                </div>

                <div class="weui_cell">
                    <div class="weui_cell_hd">
                        <label class="weui_label">联系方式</label>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <input class="weui_input" type="text" id='contact' placeholder="请输入qq或微信或手机号码"/>
                    </div>
                </div>

                <div class="weui_btn_area">
                    <button class="weui_btn weui_btn_primary submit" type="button" v-on:click="SubmitComplain">提交</button>
                    <button class="weui_btn weui_btn_default prev" type="button">上一步</button>
                </div>
            </div>
            <div class="weui_msg_container" style="display: none;">
                <div class="weui_msg">
                    <div class="weui_icon_area">
                        <i class="weui_icon_msg weui_icon_warn"></i>
                    </div>
                    <div class="weui_text_area">
                        <h2 class="weui_msg_title">投诉失败</h2>
                        <p class="weui_msg_desc">类型无效</p>
                    </div>
                    <div class="weui_opr_area">
                        <p class="weui_btn_area">
                            <a class="weui_btn weui_btn_primary lastone"
                               href="javascript:;">返回</a>
                        </p>
                    </div>
                    <div class="weui_extra_area"></div>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>

